<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%--
  Created by IntelliJ IDEA.
  User: Eric
  Date: 2019/9/27
  Time: 18:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.0/css/all.css" rel="stylesheet" />
    <link rel="stylesheet" href="${path}/css/daoyou/daoyouIndex.css" type="text/css">
    <link href="${path}/css/index/index.css" rel="stylesheet" type="text/css">
</head>

<body>


<%@include file="../common/nav_top.jsp"%>
<!--轮播 - banner - begin-->
<div class="banner_container">
    <div class="container">
        <ul id="banner-box">
            <li style="z-index: 3;opacity: 1;">
                <a href="">
                    <img src="http://pzgv309jp.bkt.clouddn.com/b20d19cf-e0ce-4e74-84c8-d35b3a3404d1.jpg" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>唯有旅行与美食，不负时光</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                         alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>印度尼西亚︱我的人生伏笔，从东爪哇到巴厘岛</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://b1-q.mafengwo.net/s15/M00/4E/85/CoUBGV2y4BmAZv2hAB-a2yvCVcI906.png?imageMogr2%2Finterlace%2F1" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>天地山水，超你所愿（附12天加拿大自驾指南）</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://n3-q.mafengwo.net/s15/M00/16/18/CoUBGV2xnO6ALntcAB_DZLkVUnY568.png?imageMogr2%2Finterlace%2F1" alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>锦州 | 2天暴食13顿，这是一座来了没时间观光的城市！</h2>
                    </div>
                </a>
            </li>
            <li style="z-index: 1;opacity: 1;">
                <a href="">
                    <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                         alt="">
                    <div class="text-box">
                        <p><span>11</span>/Dec.2017</p>
                        <h2>澳之秘境，倾翻的浪漫盐池——西澳南澳自驾笔记</h2>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <ul id="banner-index-box" class="banner-index-box">
        <li class="banner-index-active">
            <img src="http://pzgv309jp.bkt.clouddn.com/b20d19cf-e0ce-4e74-84c8-d35b3a3404d1.jpg" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                 alt="">
            <span></span>
        </li>
        <li>
            <img src="https://b1-q.mafengwo.net/s15/M00/4E/85/CoUBGV2y4BmAZv2hAB-a2yvCVcI906.png?imageMogr2%2Finterlace%2F1" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://n3-q.mafengwo.net/s15/M00/16/18/CoUBGV2xnO6ALntcAB_DZLkVUnY568.png?imageMogr2%2Finterlace%2F1" alt="">
            <span></span>
        </li>
        <li>
            <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                 alt="">
            <span></span>
        </li>
    </ul>
</div>
<!-- 轮播 -->



<div class="page-header">
    <h2>城市借光者</h2>
    <p>每位验客都是一个行走的旅行超人</p>
</div>

<div style="text-align:right;margin-right: 30px">
    <button class="btn btn-danger dim btn-large-dim" type="button"
            style="width: 205px;font-size: 20px;height: 44px">
        <i class="fa fa-heart"></i>
        <a  onclick="sq()" style="text-decoration: none">我要成为导游>>></a>
    </button>
</div>

<!-- 导游表 -->
<div id="travel_index_page">

</div>

<!-- 导游表单 -->

<div style="height: 400px"></div>
<%@include file="../common/nav_bottom.jsp"%>

<script src="${path}/js/index/lunbo.js"></script>



<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="${path}/plugins/bootstrap/js/bootstrap.js"></script>

<script>

    $(function(){
        $("#travel_index_page").load("${path}/guide/page");
    });

function sq() {
    var str="${path}/applytourist";
    window.location=str;

}
function dropPage(obj){

   var p= "${path}/guide/getperson/"+obj;
    window.location=p;
}

</script>
</body>

</html>